<html>
<head>
<meta charset="utf-8">
<script type='text/javascript' src='js/jquery-1.9.1.min.js'></script>
<script type='text/javascript' src='http://d3js.org/d3.v3.min.js'></script>
<script type='text/javascript' src='http://d3js.org/topojson.v1.min.js'></script>
<style type="text/css"> 
*{
  margin:0;
  padding:0;
}
body {
  background: url(img/bg_service.jpg);
  background-size:cover;
    }
.div1
{
  width:600px;
  height:600px;
  background:transparent;
  position:absolute;
  bottom:0;
  right:10px;

}
.div2
{
  width:600px;
  height:600px;
  background:transparent;
  position:absolute;
  bottom:0;
  right:10px;
  animation:mymove 6s infinite;
  /*animation-fill-mode:forwards;*/
  /* Safari 和 Chrome */
  -webkit-animation:mymove 6s infinite;  
 /* -webkit-animation-fill-mode:forwards;*/
}
p{
  width:580px;  
  font-size: 16px;
  text-indent: 50px;
  /*overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;*/
  margin: 10px auto;   
}
img{
  margin-top:25px;
  margin-left:5px;  
  width:190px;
  height: 200px; 
  border-radius: 5%;
}
@keyframes mymove
{
  from {bottom:0px;}
  to {bottom:400px;}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
  from {bottom:0px;}
  to {bottom:400px;}
}
.bounce {
  -webkit-animation: bounce 1s ease-in 1;
  -o-animation: bounce 1s ease-in 1;
  animation: bounce 1s ease-in 1;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
    }
@-webkit-keyframes bounce 
{
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,-400px,0);
    transform: translate3d(0,-400px,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -370px, 0);
    transform: translate3d(0, -370px, 0);
   }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -385px, 0);
    transform: translate3d(0, -385px, 0);
   }

  90% {
    -webkit-transform: translate3d(0,-396px,0);
    transform: translate3d(0,-396px,0);
   }
}
@keyframes bounce 
{
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,-400px,0);
    transform: translate3d(0,-400px,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -370px, 0);
    transform: translate3d(0, -370px, 0);
   }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -385px, 0);
    transform: translate3d(0, -385px, 0);
   }

  90% {
    -webkit-transform: translate3d(0,-396px,0);
    transform: translate3d(0,-396px,0);
   }
}    
  </style>
</head>
<body>
	<canvas id='rotatingGlobe' width="1200" height="1000"
		style='width: 1200px; height: 1000px; cursor: move; position: absolute; top: 50%; left: 50%; margin-top: -500px; margin-left: -900px;'>
	</canvas>
	<script type='text/javascript' src='js/planetaryjs.min.js'></script>
	<script type='text/javascript' src="js/myApp.js"></script>

	<div class="div2">
		<div id="contentDiv">
			<p>阳光电源股份有限公司（股票代码：300274）是一家专注于太阳能、风能、储能等新能源电源设备的研发、生产、销售和服务的国家重点高新技术企业。主要产品有光伏逆变器、风能变流器、储能系统、电动车电机控制器，并致力于提供全球一流的光伏电站解决方案。</p>
			<p>阳光电源客服中心成立于1997年，是专注于为太阳能、风能、储能、电动车控制器等新能源产品提供安装调试、技术培训、维修升级等高效的售后服务。客服中心在黄伟总经理的率领下，已经成长为集团一级部门，并多年荣获公司集团的先进集体、先进个人等荣誉，并赢得中广核、大唐新能源、中电投、国电投等等能源巨头的信赖并与之建立长效的服务体系。</p>
			<p>阳光电源客户服务中心仓库随着公司的发展而持续发展并于2014年6月完成扩建并于7月份投入使用，仓库位于研发中心大楼二楼，仓库占地面积230平米，拥有84个库位，保存物料10000多余件，保持了对于SUNGROW历史上全系列机型的有效备件储备。其中大功率逆变器包括SG630MX、SG500MX、SG250K3等机器成功应用安装在祖国的大江南北以及印度、巴基斯坦、泰国、阿尔及利亚、美国等全球各地</p>
		</div>
		<div id="imgsDiv">
			<img id="img1" src="img/IMG_0743.JPG"/>
			<img id="img2" src="img/IMG_0746.JPG"/>
			<img id="img3" src="img/IMG_0746.JPG"/>
		</div>
	</div>
</body>

<script type="text/javascript">

var infoList = ["<p>阳光电源股份有限公司（股票代码：300274）是一家专注于太阳能、风能、储能等新能源电源设备的研发、生产、销售和服务的国家重点高新技术企业。主要产品有光伏逆变器、风能变流器、储能系统、电动车电机控制器，并致力于提供全球一流的光伏电站解决方案。</p><p>阳光电源客服中心成立于1997年，是专注于为太阳能、风能、储能、电动车控制器等新能源产品提供安装调试、技术培训、维修升级等高效的售后服务。客服中心在黄伟总经理的率领下，已经成长为集团一级部门，并多年荣获公司集团的先进集体、先进个人等荣誉，并赢得中广核、大唐新能源、中电投、国电投等等能源巨头的信赖并与之建立长效的服务体系。</p> <p>阳光电源客户服务中心仓库随着公司的发展而持续发展并于2014年6月完成扩建并于7月份投入使用，仓库位于研发中心大楼二楼，仓库占地面积230平米，拥有84个库位，保存物料10000多余件，保持了对于SUNGROW历史上全系列机型的有效备件储备。其中大功率逆变器包括SG630MX、SG500MX、SG250K3等机器成功应用安装在祖国的大江南北以及印度、巴基斯坦、泰国、阿尔及利亚、美国等全球各地</p>","<p>阳光电源股份有限公司（股票代码：300274）是一家专注于太阳能、风能、储能等新能源电源设备的研发、生产、销售和服务的国家重点高新技术企业。主要产品有光伏逆变器、风能变流器、储能系统、电动车电机控制器，并致力于提供全球一流的光伏电站解决方案。</p><p>阳光电源客服中心成立于1997年，是专注于为太阳能、风能、储能、电动车控制器等新能源产品提供安装调试、技术培训、维修升级等高效的售后服务。客服中心在黄伟总经理的率领下，已经成长为集团一级部门，并多年荣获公司集团的先进集体、先进个人等荣誉，并赢得中广核、大唐新能源、中电投、国电投等等能源巨头的信赖并与之建立长效的服务体系。</p> <p>阳光电源客户服务中心仓库随着公司的发展而持续发展并于2014年6月完成扩建并于7月份投入使用，仓库位于研发中心大楼二楼，仓库占地面积230平米，拥有84个库位，保存物料10000多余件，保持了对于SUNGROW历史上全系列机型的有效备件储备。其中大功率逆变器包括SG630MX、SG500MX、SG250K3等机器成功应用安装在祖国的大江南北以及印度、巴基斯坦、泰国、阿尔及利亚、美国等全球各地</p>","<p>阳光电源股份有限公司（股票代码：300274）是一家专注于太阳能、风能、储能等新能源电源设备的研发、生产、销售和服务的国家重点高新技术企业。主要产品有光伏逆变器、风能变流器、储能系统、电动车电机控制器，并致力于提供全球一流的光伏电站解决方案。</p><p>阳光电源客服中心成立于1997年，是专注于为太阳能、风能、储能、电动车控制器等新能源产品提供安装调试、技术培训、维修升级等高效的售后服务。客服中心在黄伟总经理的率领下，已经成长为集团一级部门，并多年荣获公司集团的先进集体、先进个人等荣誉，并赢得中广核、大唐新能源、中电投、国电投等等能源巨头的信赖并与之建立长效的服务体系。</p> <p>阳光电源客户服务中心仓库随着公司的发展而持续发展并于2014年6月完成扩建并于7月份投入使用，仓库位于研发中心大楼二楼，仓库占地面积230平米，拥有84个库位，保存物料10000多余件，保持了对于SUNGROW历史上全系列机型的有效备件储备。其中大功率逆变器包括SG630MX、SG500MX、SG250K3等机器成功应用安装在祖国的大江南北以及印度、巴基斯坦、泰国、阿尔及利亚、美国等全球各地</p>","<p>阳光电源股份有限公司（股票代码：300274）是一家专注于太阳能、风能、储能等新能源电源设备的研发、生产、销售和服务的国家重点高新技术企业。主要产品有光伏逆变器、风能变流器、储能系统、电动车电机控制器，并致力于提供全球一流的光伏电站解决方案。</p><p>阳光电源客服中心成立于1997年，是专注于为太阳能、风能、储能、电动车控制器等新能源产品提供安装调试、技术培训、维修升级等高效的售后服务。客服中心在黄伟总经理的率领下，已经成长为集团一级部门，并多年荣获公司集团的先进集体、先进个人等荣誉，并赢得中广核、大唐新能源、中电投、国电投等等能源巨头的信赖并与之建立长效的服务体系。</p> <p>阳光电源客户服务中心仓库随着公司的发展而持续发展并于2014年6月完成扩建并于7月份投入使用，仓库位于研发中心大楼二楼，仓库占地面积230平米，拥有84个库位，保存物料10000多余件，保持了对于SUNGROW历史上全系列机型的有效备件储备。其中大功率逆变器包括SG630MX、SG500MX、SG250K3等机器成功应用安装在祖国的大江南北以及印度、巴基斯坦、泰国、阿尔及利亚、美国等全球各地</p>","<p>阳光电源股份有限公司（股票代码：300274）是一家专注于太阳能、风能、储能等新能源电源设备的研发、生产、销售和服务的国家重点高新技术企业。主要产品有光伏逆变器、风能变流器、储能系统、电动车电机控制器，并致力于提供全球一流的光伏电站解决方案。</p><p>阳光电源客服中心成立于1997年，是专注于为太阳能、风能、储能、电动车控制器等新能源产品提供安装调试、技术培训、维修升级等高效的售后服务。客服中心在黄伟总经理的率领下，已经成长为集团一级部门，并多年荣获公司集团的先进集体、先进个人等荣誉，并赢得中广核、大唐新能源、中电投、国电投等等能源巨头的信赖并与之建立长效的服务体系。</p> <p>阳光电源客户服务中心仓库随着公司的发展而持续发展并于2014年6月完成扩建并于7月份投入使用，仓库位于研发中心大楼二楼，仓库占地面积230平米，拥有84个库位，保存物料10000多余件，保持了对于SUNGROW历史上全系列机型的有效备件储备。其中大功率逆变器包括SG630MX、SG500MX、SG250K3等机器成功应用安装在祖国的大江南北以及印度、巴基斯坦、泰国、阿尔及利亚、美国等全球各地</p>"]
var ind = 0;
var dataList = null;

$(function(){
		$.ajax({
			url : '../baseData/getService',
			type : 'POST', //GET
			async : true, //或false,是否异步
			timeout : 5000, //超时时间
			dataType : 'json', //返回的数据格式：json/xml/html/script/jsonp/text
			success : function(data, textStatus, jqXHR) {
				dataList = data;
			}
		})
		
		setInterval(setImg, 6000);

	});

	
	function setImg() {
		var imgPath = dataList[ind].imgs;
		var imgPaths = imgPath.split("|");
		var imgHtml = "";
		for (var i = 1; i < imgPaths.length; i++) {
			imgHtml += "<img src=\""+imgPaths[i]+"\"/>";
		}
		$("#imgsDiv").html(imgHtml);
		$("#contentDiv").html("<p>"+dataList[ind].content+"</p>"+"<p>"+dataList[ind].content+"</p>"+"<p>"+dataList[ind].content+"</p>");
		
		if(ind < (dataList.length-1)){
			ind++;
		}else{
			ind = 0;
		}
	}
</script>
</html>